BOX MODEL

콘텐츠(새) : 요소의 실제 내용을 담는 부분입니다. 텍스트, 이미지, 동영상 등 요소에 표시되는 모든 것이 여기에 포함됩니다.

패딩 : 콘텐츠와 테두리(border) 사이의 여백을 말합니다. 즉, 요소의 내부 여백을 지정하는 부분으로, 텍스트와 테두리 사이의 공간을 결정합니다.

테두리 : 콘텐츠를 둘러싸는 선입니다. 테두리는 요소의 외부 경계를 정의하며, 스타일, 두께, 색상 등을 지정할 수 있습니다.

마진 : 테두리와 인접한 요소 사이의 공간을 말합니다. 즉, 요소의 바깥 여백을 지정하는 부분으로, 요소와 인접한 다른 요소 사이의 간격을 결정합니다.